﻿@inherits Blazorise.Tabs
<CascadingValue Value=this>
    @if ( TabPosition == TabPosition.Top )
    {
        @if ( Items != null )
        {
            <nav class="@ClassNames" style="@StyleNames" @attributes="@Attributes">
                <ul>
                    @Items
                </ul>
            </nav>
        }
        @if ( Content != null )
        {
            <div class="@ContentClassNames" @attributes="@Attributes">
                @Content
            </div>
        }
    }
    else if ( TabPosition == TabPosition.Left )
    {
        <Row>
            <Column ColumnSize="ColumnSize.Is2">
                @if ( Items != null )
                {
                    <nav class="@ClassNames" style="@StyleNames" @attributes="@Attributes">
                        <ul>
                            @Items
                        </ul>
                    </nav>
                }
            </Column>
            <Column>
                @if ( Content != null )
                {
                    <div class="@ContentClassNames" @attributes="@Attributes">
                        @Content
                    </div>
                }
            </Column>
        </Row>
    }
    else if ( TabPosition == TabPosition.Right )
    {
        <Row>
            <Column>
                @if ( Content != null )
                {
                    <div class="@ContentClassNames" @attributes="@Attributes">
                        @Content
                    </div>
                }
            </Column>
            <Column ColumnSize="ColumnSize.Is2">
                @if ( Items != null )
                {
                    <nav class="@ClassNames" style="@StyleNames" @attributes="@Attributes">
                        <ul>
                            @Items
                        </ul>
                    </nav>
                }
            </Column>
        </Row>
    }
</CascadingValue>